<link rel="stylesheet" href="{{base_url()}}syslib/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="{{base_url()}}syslib/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animation_speed:'normal'
            //,theme:'dark_square'
            ,social_tools:false
            ,allow_resize: false
            ,default_width: 500
            ,default_height: 344
        });
    });
</script>
<div id="sidebar">
    <div class="title">+ Our Videos</div>
    <div class="sidebar_panel">
        {{if isset($Data["videos"][0])}}
        <div class="sidebar_content">
            <a  href="{{$Data["videos"][0]->Source}}" 
                rel="prettyPhoto[channel]"
                title="{{$Data["videos"][0]->Title}}">
                <div style="position: relative;width:272px;height: 185px">
                <img height="185" width="272" src="{{$Data["videos"][0]->Thumbs}}" />
                <span></span>
                </div>
            </a>
        </div>
        {{/if}}
        {{if isset($Data["videos"][1])}}
            <div class="sidebar_content">
            <a  href="{{$Data["videos"][1]->Source}}" 
                rel="prettyPhoto[channel]"
                title="{{$Data["videos"][1]->Title}}">
                <div style="position: relative;width:272px;height: 185px">
                <img height="185" width="272" src="{{$Data["videos"][1]->Thumbs}}" />
                <span></span>
                </div>
            </a>
        </div>
        {{/if}}
        <div class="go_utube"><center><a href=""><img src="{{base_url()}}PushClimb/images/go_utube_butt.gif" /></a></center></div>
    </div>
</div>